﻿<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>Unitd-配置中心管理</title>
	<meta name="renderer" content="webkit">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="format-detection" content="telephone=no">

	<link rel="stylesheet" href="/static/plugins/layui/css/layui.css">
	<link rel="stylesheet" href="/static/css/global.css" media="all">
	<link rel="stylesheet" href="/static/plugins/font-awesome/css/font-awesome.min.css">
</head>

<body>
<div class="layui-layout layui-layout-admin" style="border-bottom: solid 5px #1AA094;">
	<!-- 头部导航栏 -->
	<div class="layui-header header header-demo">
		<div class="layui-main">
			<div class="admin-login-box">
				<a class="logo" style="left: 0;" href="http://beginner.zhengjinfan.cn/demo/beginner_admin/">
					<span style="font-size: 22px;">Unitd-配置中心</span>
				</a>
				<div class="admin-side-toggle">
					<i class="fa fa-bars" aria-hidden="true"></i>
				</div>
				<div class="admin-side-full">
					<i class="fa fa-life-bouy" aria-hidden="true"></i>
				</div>
			</div>

			<ul class="layui-nav admin-header-item">
				<li class="layui-nav-item">
					<a href="javascript:void(0);" class="admin-header-user">
						<img src="/static/images/human.png" class="layui-nav-img">
						<span id="userName">admin</span>
					</a>
					<dl class="layui-nav-child">
						<dd>
							<a href="javascript:void(0);"><i class="fa fa-gear" aria-hidden="true"></i> 设置</a>
						</dd>
						<dd id="lock">
							<a href="javascript:void(0);">
								<i class="fa fa-lock" aria-hidden="true" style="padding-right: 3px;padding-left: 1px;"></i> 锁屏
							</a>
						</dd>
						<dd>
							<a href="javascript:void(0);" id="btn_logout"><i class="fa fa-sign-out" aria-hidden="true"></i> 注销</a>
						</dd>
					</dl>
				</li>
			</ul>
			<ul class="layui-nav admin-header-item-mobile">
				<li class="layui-nav-item">
					<a href="login.html"><i class="fa fa-sign-out" aria-hidden="true"></i> 注销</a>
				</li>
			</ul>
		</div>
	</div>

	<!-- 左边侧边栏(菜单) -->
	<div class="layui-side layui-bg-black" id="admin-side">
		<div class="layui-side-scroll" id="admin-navbar-side" lay-filter="side"></div>
	</div>

	<!-- 右边页面主题页面 -->
	<div class="layui-body" style="bottom: 0;border-left: solid 2px #1AA094;" id="admin-body">
		<div class="layui-tab admin-nav-card layui-tab-brief" lay-filter="admin-tab">
			<ul class="layui-tab-title">
				<li class="layui-this">
					<i class="fa fa-dashboard" aria-hidden="true"></i>
					<cite>首页</cite>
				</li>
			</ul>
			<div class="layui-tab-content" style="min-height: 150px; padding: 5px 0 0 0;">
				<div class="layui-tab-item layui-show">
					<iframe src="/main.html"></iframe>
				</div>
			</div>
		</div>
	</div>

	<!-- 页面尾部 -->
	<div class="layui-footer footer footer-demo" id="admin-footer">
		<div class="layui-main">
			<!-- 底部固定区域 -->
			<p>2016-2018 &copy; <a href="http://www.unitd.com/">www.unitd.com/</a>
			</p>
		</div>
	</div>

	<div class="site-tree-mobile layui-hide">
		<i class="layui-icon">&#xe602;</i>
	</div>
	<div class="site-mobile-shade"></div>
</div>

<!--锁屏模板 start-->
<script type="text/template" id="lock-temp">
	<div class="admin-header-lock" id="lock-box">
		<div class="admin-header-lock-img">
			<img src="/static/images/0.jpg"/>
		</div>
		<div class="admin-header-lock-name" id="lockUserName">admin</div>
		<input type="text" class="admin-header-lock-input" value="输入密码解锁.." name="lockPwd" id="lockPwd"/>
		<button class="layui-btn layui-btn-small" id="unlock">解锁</button>
	</div>
</script>
<!--锁屏模板 end -->

<script type="text/javascript" src="/static/plugins/layui/layui.js"></script>
<script type="text/javascript" src="/static/js/index.js"></script>
<script type="text/javascript">
	layui.use('layer', function() {
		var $ = layui.jquery,
			layer = layui.layer;
		$(function(){
			var loading = layer.load();
			$.ajax({
				type: "GET",
				url: '/auth/login_user_info',
				complete: function () {
					layer.close(loading);
				},
				success: function (result) {
					if (result.success) {
						$("#userId").html(result.data.uid);
						$("#userName").html(result.data.uname);
						$("#lockUserName").html(result.data.uname);
					} else {
						location.href='/login.html';
					}
				}
			});
		});
		//
		// // 编辑用户资料
		// $('#btn_edit_myinfo').on('click',function(){
		// 	layer.open({
		// 		type: 2,
		// 		title:'编辑资料',
		// 		content: '/user/info.html',
		// 		area: ['500px', '400px']
		// 	});
		// });

		// 退出当前登录
		$('#btn_logout').on('click',function(){
			var loading = layer.load();
			$.ajax({
				type: "GET",
				url: '/auth/logout',
				complete: function () {
					layer.close(loading);
				},
				success: function (result) {
					if (result.success) {
						location.href='/login.html';
					}
				}
			});
		});
	});
</script>
</body>
</html>